<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--这个方法效果可以出现,但是会出现404的错误-->
<!--<img src="{{url}}" alt="百度">-->
<!--v-bind 指令用于 绑定 DOM 属性 形式如：v-bind:href    可以简写为    :href;
v-on 指令用于监听DOM事件 形式如：v-on:click  可以简写为 @click;-->
<!--<img v-bind:src="url" alt="百度">-->
<img v-bind:src="url" alt="百度">
</body>
</html>
<script src="vue.js"></script>
<script type="text/javascript">
    new Vue({
        el:'body',
        data:{
            url:'https://www.baidu.com/img/bd_logo1.png'
        },
    })
</script>
